.Search {
  @apply flex flex-col justify-between h-full;
  padding: 20px;
  gap: 20px;

  .centent {
    display: grid;
    overflow: hidden;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;

    @media screen and (max-width: 850px) {
      grid-template-columns: repeat(1, 1fr);
    }

    .inputSearch {
      padding: 18px 24px;
      @apply rounded-xl;
      .appNearBgLg();

      .input {
        @apply w-full text-xl;
      }
    }

    .searchIcons {
      @apply flex gap-4;

      .searchIcon {
        @apply rounded-xl cursor-pointer transition select-none;
        width: 64px;
        height: 64px;
        // .appCompBg();
        .appNearBg();

        &:hover {
          .searchIconChecked();
        }

        @apply flex justify-center items-center;
      }

      .searchIconChecked {
        .appNearBgLg();
      }
    }



  }

  .button {
    padding: 18px 24px;
    @apply rounded-xl;
    .appNearBgLg();
  }
}